﻿@using OA.AspNetCore.Html;
@using OA.Model;
@using OA.Core.Model;
@model CustomForm
@{

    BaseConfig config = ViewBag.BaseConfig;
    string msg = ViewBag.Msg;
    string tips = string.Empty;
    if (!string.IsNullOrWhiteSpace(msg))
    {
        tips = $"layer.msg('{msg}');";
    }
    List<ListItem> formGroups = ViewBag.FormGroups;

    List<ListItem> customForms = ViewBag.CustomForm;
    List <ListItem> tableInfos = ViewBag.TableInfos;

    List<ListItem> approvalTrees = ViewBag.ApprovalTrees;

    List<ListItem> listProcessTree = ViewBag.ListProcessTree;

    List<GeneralField> generalFields = ViewBag.GeneralFields;
    List<ExtendField> extendFields = ViewBag.ExtendFields;
    List<ExtendField> tableFields = ViewBag.TableFields;

    OA.Core.Oss.PolicyInfo info = ViewBag.PolicyInfo;
    if (Model.ListExtendField == null) { Model.ListExtendField = new List<ExtendField>() { new ExtendField() }; }
    if (Model.TableFields == null) { Model.TableFields = new List<ExtendField>() { new ExtendField() { } }; }
}

<style type="text/css">
    .list-group-item {
        min-height: 32px;
        cursor: pointer;
    }

    #Controls {
        background-color: #fff;
    }

    #Content .layui-form-label {
        cursor: pointer;
    }

    #Controls .list-group-item {
        font-size: 12px;
        display: block;
        min-width: 86px;
        line-height: 26px;
        position: relative;
        float: left;
        left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 1%;
        float: left;
    }

    #Content .list-group-item {
        float: left;
        width: 95%;
    }

    #Property .title {
        line-height: 32px;
        cursor: pointer;
    }

    .list-group-item a {
        border: 1px solid #ddd;
        color: #ffffe6 !important;
        display: block;
        cursor: move;
        font-size: 12px;
        letter-spacing: 0;
        padding-right: 4px;
    }

        .list-group-item a i {
            font-size: 16px;
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 0px;
            margin-left: 6px;
            color: #808080
        }

        .list-group-item a span {
            display: inline-block;
            vertical-align: middle;
            color: #808080;
            cursor: move;
            font-size: 12px;
            letter-spacing: 0;
        }

    .myPosition {
        line-height: 42px;
        min-height: 38px;
    }

    .myPosition2, .myEmployee2 {
        clear: both;
        width: 190px;
    }

    .layui-form-checkbox[lay-skin=primary] {
        margin-bottom: 10px;
    }
</style>
<link href="/admin/iconfont/remixicon.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="@ViewBag.OssUrl/front/webuploader/webuploader.css">
<script type="text/javascript" src="@config.OssUrl/front/webuploader/webuploader.js"></script>
<script type="text/javascript" src="@config.OssUrl/front/js/common.js"></script>
<script type="text/javascript" src="/js/department.js"></script>
<script type="text/javascript" src="/Admin/Home/GetDepartmentAndPosition"></script>
<script type="text/javascript">
    function InitPositionAndDepartment(ctl, id, name, value) {
        if (value == 0 || value == "") {
            value = employeePositions[0].p;
        }
        var d = 0;
        $.each(positions, function (i, item) {
            if (item.i == value) {
                d = item.d;
                return true;
            }
        });
        InitDepartment($("#" + ctl), d);
        InitPosition($("#" + id), d, value);
    }
    function InitEmployeeAndDepartment(ctl, id, departmentID, value) {
        if (value == 0 || value == "") {
            value = employeePositions[0].i;
            departmentID = employeePositions[0].d;
        }

        InitDepartment($("#" + ctl), departmentID);
        InitEmployee($("#" + id), departmentID, value);
    }
</script>

<div class="layui-form layui-tab-content" style="padding:0px;">
    @using (Html.BeginForm(FormMethod.Post, htmlAttributes: new { @class = "layui-form", id = "myForm" }))
    {
        @Html.AntiForgeryToken()<div id="Controls" style="border:1px solid #ddd;width:300px;float:left;height:747px;">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend style="font-size:13px;">基础组件</legend>
            </fieldset>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>文本框</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMSIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9InRleHQiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iIG1pbmxlbmd0aD0iMCIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgLz4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>数字框</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMiIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9Im51bWJlciIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgc3RlcD0iMSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgc3R5bGU9Im1heC13aWR0aDoxOTBweDsiIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>Email</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iNiIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9InRleHQiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iIG1pbmxlbmd0aD0iMCIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgLz4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>手机号码</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iODEiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBtaW5sZW5ndGg9IjAiIGxheS12ZXJpZnk9IltWZXJpZnldIiBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IltUaXBzXSIgY2xhc3M9ImxheXVpLWlucHV0IFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>身份证</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iODIiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBtaW5sZW5ndGg9IjAiIGxheS12ZXJpZnk9IltWZXJpZnldIiBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IltUaXBzXSIgY2xhc3M9ImxheXVpLWlucHV0IFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>网络地址</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iODMiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBtaW5sZW5ndGg9IjAiIGxheS12ZXJpZnk9IltWZXJpZnldIiBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IltUaXBzXSIgY2xhc3M9ImxheXVpLWlucHV0IFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>密码框</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTkiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgbWlubGVuZ3RoPSIwIiBsYXktdmVyaWZ5PSJbVmVyaWZ5XSIgYXV0b2NvbXBsZXRlPSJvZmYiIHBsYWNlaG9sZGVyPSJbVGlwc10iIGNsYXNzPSJsYXl1aS1pbnB1dCBbQXR0cmlidXRlXSIgdmFsdWU9IltEZWZhdWx0VmFsdWVdIiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>金额</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMjEiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iIGxheS12ZXJpZnk9IltWZXJpZnldIiBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IltUaXBzXSIgY2xhc3M9ImxheXVpLWlucHV0IFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-bank-card-2-fill"></i>
                    <span>下拉框</span>
                    <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPHNlbGVjdCBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIj4NCiAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPSLmmJ/mnJ/kuIAiPuaYn+acn+S4gDwvb3B0aW9uPg0KICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9IuaYn+acn+S6jCI+5pif5pyf5LqMPC9vcHRpb24+DQogICAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT0i5pif5pyf5LiJIj7mmJ/mnJ/kuIk8L29wdGlvbj4NCiAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPSLmmJ/mnJ/lm5siPuaYn+acn+Wbmzwvb3B0aW9uPg0KICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9IuaYn+acn+S6lCI+5pif5pyf5LqUPC9vcHRpb24+DQogICAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT0i5pif5pyf5YWtIj7mmJ/mnJ/lha08L29wdGlvbj4NCiAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPSLmmJ/mnJ/ml6UiPuaYn+acn+aXpTwvb3B0aW9uPg0KICAgICAgICAgICAgPC9zZWxlY3Q+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-t-box-line"></i>
                    <span>文本域</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTMiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDx0ZXh0YXJlYSBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBsYXktdmVyaWZ5PSJbVmVyaWZ5XSIgcGxhY2Vob2xkZXI9IltUaXBzXSIgY2xhc3M9ImxheXVpLXRleHRhcmVhICBbQXR0cmlidXRlXSI+PC90ZXh0YXJlYT4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-radio-button-line"></i>
                    <span>单选框</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGF5dWktZm9ybS1sYWJlbCIgZm9yPSJbQXR0cmlidXRlXSI+W05hbWVdPC9sYWJlbD4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImxheXVpLWlucHV0LWJsb2NrIiBpZD0iW0F0dHJpYnV0ZUlEXSI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjQiIC8+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgdmFsdWU9J1tDb25maWdJbmZvXScgbmFtZT0iQ29uZmlnSW5mbyIgY2xhc3M9IkNvbmZpZ0luZm8iIC8+DQogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0ibXljb250ZW50Ij4NCiAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9InJhZGlvIiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIHZhbHVlPSLmmJ/mnJ/kuIAiIHRpdGxlPSLmmJ/mnJ/kuIAiIC8+PGlucHV0IHR5cGU9InJhZGlvIiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIHZhbHVlPSLmmJ/mnJ/kuowiIHRpdGxlPSLmmJ/mnJ/kuowiIC8+DQogICAgICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgPC9kaXY+" />
                </a>
            </div>

            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-checkbox-line"></i>
                    <span>复选框</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGF5dWktZm9ybS1sYWJlbCIgZm9yPSJbQXR0cmlidXRlXSI+W05hbWVdPC9sYWJlbD4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImxheXVpLWlucHV0LWJsb2NrIiBpZD0iW0F0dHJpYnV0ZUlEXSI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjUiIC8+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgdmFsdWU9J1tDb25maWdJbmZvXScgbmFtZT0iQ29uZmlnSW5mbyIgY2xhc3M9IkNvbmZpZ0luZm8iIC8+DQogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0ibXljb250ZW50Ij4NCiAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImNoZWNrYm94IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIHZhbHVlPSLmmJ/mnJ/kuIAiIHRpdGxlPSLmmJ/mnJ/kuIAiIGxheS1za2luPSJwcmltYXJ5IiAvPjxpbnB1dCB0eXBlPSJjaGVja2JveCIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiB2YWx1ZT0i5pif5pyf5LqMIiB0aXRsZT0i5pif5pyf5LqMIiBsYXktc2tpbj0icHJpbWFyeSIgLz4NCiAgICAgICAgICAgICAgICA8L2Rpdj4gICAgICAgICAgICAgICAgDQogICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgPC9kaXY+" />
                </a>
            </div>

            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-toggle-line"></i>
                    <span>开关</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iNyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9ImNoZWNrYm94IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGxheS1za2luPSJzd2l0Y2giIHZhbHVlPSJ0cnVlIiBsYXktdGV4dD0i5pivfOWQpiIgLz4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-calendar-2-line"></i>
                    <span>年份选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iOCIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9Im51bWJlciIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgZGF0YS10eXBlPSJ5ZWFyIiBkYXRhLWZvcm1hdD0ieXl5eSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-calendar-2-line"></i>
                    <span>月份选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iOSIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9Im51bWJlciIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgZGF0YS10eXBlPSJtb250aCIgZGF0YS1mb3JtYXQ9Inl5eXlNTSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-calendar-2-line"></i>
                    <span>日期选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTAiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBkYXRhLXR5cGU9ImRhdGUiIGRhdGEtZm9ybWF0PSJ5eXl5LU1NLWRkIiBsYXktdmVyaWZ5PSJbVmVyaWZ5XSIgYXV0b2NvbXBsZXRlPSJvZmYiIHBsYWNlaG9sZGVyPSJbVGlwc10iIGNsYXNzPSJsYXl1aS1pbnB1dCBteWRhdGUgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgc3R5bGU9Im1heC13aWR0aDoxOTBweDsiIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>

            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-calendar-2-line"></i>
                    <span>时间选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTEiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBkYXRhLXR5cGU9InRpbWUiIGRhdGEtZm9ybWF0PSJISDptbSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
                </a>
            </div>

            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-calendar-2-line"></i>
                    <span>日期时间</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTIiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBkYXRhLXR5cGU9ImRhdGV0aW1lIiBkYXRhLWZvcm1hdD0ieXl5eS1NTS1kZCBISDptbTpzcyIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
                </a>
            </div>
            <fieldset class="layui-elem-field layui-field-title" style="margin: 20px 0;clear:both;width:100%;float:left;">
                <legend style="font-size:13px;">上传组件</legend>
            </fieldset>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-image-fill"></i>
                    <span>单图上传</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTUiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9InVwbG9hZF9pbWdfYnRuIiBpZD0iYnRuX1tBdHRyaWJ1dGVJRF0iPumAieaLqeaWh+S7tjwvZGl2Pg0KICAgICAgICAgICAgPGRpdiBjbGFzcz0ib3NzX2ltYWdlc19saXN0Ij4NCiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJpdGVtIiBzdHlsZT0nZGlzcGxheTpub25lO21hcmdpbi1yaWdodDoxMHB4Oyc+DQogICAgICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9J3Bvc2l0aW9uOnJlbGF0aXZlO2JvcmRlcjoxcHggZG90dGVkICNjY2MnPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBjbGFzcz0nbXlJbWcnIHNyYz0iIiAvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBjbGFzcz0nZGVsZXRlJyBzcmM9Ii9pbWcvZGVsZXRlLnBuZyIgLz4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSIiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgLz4NCiAgICAgICAgICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9InByb2dyZXNzIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9InByb2dyZXNzLWJhciIgcm9sZT0icHJvZ3Jlc3NiYXIiIGFyaWEtdmFsdWVub3c9IjAiIGFyaWEtdmFsdWVtaW49IjAiIGFyaWEtdmFsdWVtYXg9IjEwMCIgc3R5bGU9IndpZHRoOiAwJTsiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJzci1vbmx5Ij48L3NwYW4+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-image-fill"></i>
                    <span>多图上传</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTciIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9InVwbG9hZF9pbWdfYnRuIiBpZD0iYnRuX1tBdHRyaWJ1dGVJRF0iPumAieaLqeaWh+S7tjwvZGl2Pg0KICAgICAgICAgICAgPGRpdiBjbGFzcz0ib3NzX2ltYWdlc19saXN0Ij4NCiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJpdGVtIiBzdHlsZT0nZGlzcGxheTpub25lO21hcmdpbi1yaWdodDoxMHB4Oyc+DQogICAgICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9J3Bvc2l0aW9uOnJlbGF0aXZlO2JvcmRlcjoxcHggZG90dGVkICNjY2MnPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBjbGFzcz0nbXlJbWcnIHNyYz0iIiAvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBjbGFzcz0nZGVsZXRlJyBzcmM9Ii9pbWcvZGVsZXRlLnBuZyIgLz4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSIiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgLz4NCiAgICAgICAgICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9InByb2dyZXNzIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9InByb2dyZXNzLWJhciIgcm9sZT0icHJvZ3Jlc3NiYXIiIGFyaWEtdmFsdWVub3c9IjAiIGFyaWEtdmFsdWVtaW49IjAiIGFyaWEtdmFsdWVtYXg9IjEwMCIgc3R5bGU9IndpZHRoOiAwJTsiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJzci1vbmx5Ij48L3NwYW4+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgICAgICAgPC9kaXY+DQogICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-upload-cloud-2-line"></i>
                    <span>单文件上传</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTYiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9InVwbG9hZF9maWxlX2J0biIgaWQ9ImJ0bl9bQXR0cmlidXRlSURdIiBzdHlsZT0nd2lkdGg6ODZweDtmbG9hdDpsZWZ0Oyc+6YCJ5oup5paH5Lu2PC9kaXY+PGRpdiBjbGFzcz0naW5wdXRfZGl2Jz48aW5wdXQgdHlwZT0ndGV4dCcgbmFtZT0nW0F0dHJpYnV0ZU5hbWVdJyB2YWx1ZT0nJyBjbGFzcz0nbGF5dWktaW5wdXQnIGxheS12ZXJpZnk9JycgYXV0b2NvbXBsZXRlPSdvZmYnIC8+PC9kaXY+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>多文件上传</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTgiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9InVwbG9hZF9maWxlX2J0biIgaWQ9ImJ0bl9bQXR0cmlidXRlSURdIj7pgInmi6nmlofku7Y8L2Rpdj4NCiAgICAgICAgICAgIDx0YWJsZSBjbGFzcz0ibGF5dWktdGFibGUiPjx0aGVhZD48dHI+PHRoPuaWh+S7tuWQjTwvdGg+PHRoIHN0eWxlPSd3aWR0aDoxMjBweDsnPui/m+W6pjwvdGg+PHRoIHN0eWxlPSd3aWR0aDo2MHB4Oyc+54q25oCBPC90aD48dGggc3R5bGU9J3dpZHRoOjYwcHg7Jz7mk43kvZw8L3RoPjwvdHI+PC90aGVhZD48dGJvZHk+PC90Ym9keT48L3RhYmxlPiAgICAgICAgICAgICANCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
                </a>
            </div>
            <fieldset class="layui-elem-field layui-field-title" style="margin: 20px 0;clear:both;width:100%;float:left;">
                <legend style="font-size:13px;">高级组件</legend>
            </fieldset>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>部门选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMjMiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9J215UG9zaXRpb24nIGlkPSdEZXBhcnRtZW50X1tBdHRyaWJ1dGVJRF0nPjwvZGl2Pg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>岗位选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMjQiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9J215UG9zaXRpb24nIGlkPSdEZXBhcnRtZW50X1tBdHRyaWJ1dGVJRF0nPjwvZGl2PjxkaXYgY2xhc3M9J215UG9zaXRpb24gbXlQb3NpdGlvbjInPjxzZWxlY3QgaWQ9J1tBdHRyaWJ1dGVJRF0nIG5hbWU9J1tBdHRyaWJ1dGVOYW1lXSc+PC9zZWxlY3Q+PC9kaXY+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>职员选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGF5dWktZm9ybS1sYWJlbCIgZm9yPSJbQXR0cmlidXRlXSI+W05hbWVdPC9sYWJlbD4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImxheXVpLWlucHV0LWJsb2NrIj4NCiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMjIiIC8+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgdmFsdWU9J1tDb25maWdJbmZvXScgbmFtZT0iQ29uZmlnSW5mbyIgY2xhc3M9IkNvbmZpZ0luZm8iIC8+DQogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0nbXlQb3NpdGlvbicgZGF0YS10eXBlPSdzZWxlY3RFbXBsb3llZScgaWQ9J0RlcGFydG1lbnRfW0F0dHJpYnV0ZUlEXSc+PC9kaXY+PGRpdiBjbGFzcz0nbXlQb3NpdGlvbiBteUVtcGxveWVlMicgPjxzZWxlY3QgaWQ9J1tBdHRyaWJ1dGVJRF0nIG5hbWU9J1tBdHRyaWJ1dGVOYW1lXSc+PC9zZWxlY3Q+PC9kaXY+DQogICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgPC9kaXY+" />
                </a>
            </div>

            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>往来单位</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjQxIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCBteWF0dHJpYnV0ZT0iW0F0dHJpYnV0ZV0iIHR5cGU9InRleHQiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iICBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IiIgY2xhc3M9InJlbGV2YW5jeSBsYXl1aS1pbnB1dCBhdXRvY29tcGxldGUiIHZhbHVlPScnIGRhdGEtdHlwZT0iNSIgZGF0YS1uYW1lPSJbQXR0cmlidXRlTmFtZV0iIGRhdGEtdXJsPSIvQWRtaW4vSG9tZS9HZXRSZWxhdGVkQ29tcGFueSIgLz4NCiAgICAgICAgICAgIDwvZGl2Pg0KICAgICAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>供应商</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjQyIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCBteWF0dHJpYnV0ZT0iW0F0dHJpYnV0ZV0iIHR5cGU9InRleHQiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iICBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IiIgY2xhc3M9InJlbGV2YW5jeSBsYXl1aS1pbnB1dCBhdXRvY29tcGxldGUiIHZhbHVlPScnIGRhdGEtdHlwZT0iNSIgZGF0YS1uYW1lPSJbQXR0cmlidXRlTmFtZV0iIGRhdGEtdXJsPSIvQWRtaW4vSG9tZS9HZXRTdXBwbGllciIgLz4NCiAgICAgICAgICAgIDwvZGl2Pg0KICAgICAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>客户</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjQzIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCBteWF0dHJpYnV0ZT0iW0F0dHJpYnV0ZV0iIHR5cGU9InRleHQiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iICBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IiIgY2xhc3M9InJlbGV2YW5jeSBsYXl1aS1pbnB1dCBhdXRvY29tcGxldGUiIHZhbHVlPScnIGRhdGEtdHlwZT0iNSIgZGF0YS1uYW1lPSJbQXR0cmlidXRlTmFtZV0iIGRhdGEtdXJsPSIvQWRtaW4vSG9tZS9HZXRDdXN0b21lciIgLz4NCiAgICAgICAgICAgIDwvZGl2Pg0KICAgICAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>联系人</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjQ0IiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgICAgIDxzZWxlY3QgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBsYXktZmlsdGVyPSJbQXR0cmlidXRlSURdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgY2xhc3M9Im15Q29udGFjdCAgQ29udGFjdF9bRGVmYXVsdFZhbHVlXSIgIGN1cnJlbnR2YWx1ZT0nJyA+PC9zZWxlY3Q+DQogICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgPC9kaXY+" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>产品选择</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjQwIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiAgYXV0b2NvbXBsZXRlPSJvZmYiIHBsYWNlaG9sZGVyPSIiIGNsYXNzPSJsYXl1aS1pbnB1dCBhdXRvY29tcGxldGUiIHZhbHVlPScnIGRhdGEtdHlwZT0iNSIgZGF0YS1uYW1lPSJbQXR0cmlidXRlTmFtZV0iIGRhdGEtdXJsPSIvQWRtaW4vSG9tZS9HZXRQcm9kdWN0IiAvPg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgIDwvZGl2Pg==" />
                </a>
            </div>

            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>单据引用</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjMwIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiAgYXV0b2NvbXBsZXRlPSJvZmYiIHBsYWNlaG9sZGVyPSIiIGNsYXNzPSJsYXl1aS1pbnB1dCBhdXRvY29tcGxldGUiIHZhbHVlPScnIGRhdGEtdHlwZT0iMSIgZGF0YS1uYW1lPSJbQXR0cmlidXRlTmFtZV0iIGRhdGEtdXJsPSIvQWRtaW4vSG9tZS9HZXRSZWZlcmVuY2VzIiAvPg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgIDwvZGl2Pg==" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-input-method-line"></i>
                    <span>多单据引用</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9IjMxIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0iW0F0dHJpYnV0ZUlEXSIgIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iIiBjbGFzcz0ibGF5dWktaW5wdXQgYXV0b2NvbXBsZXRlIiAgZGF0YS10eXBlPSIyIiBkYXRhLW5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgZGF0YS11cmw9Ii9BZG1pbi9Ib21lL0dldFJlZmVyZW5jZXMiIC8gLz4NCiAgICAgICAgICAgICAgICA8dGFibGUgY2xhc3M9ImxheXVpLXRhYmxlIFtBdHRyaWJ1dGVJRF0iIHN0eWxlPSJtYXgtd2lkdGg6ODAwcHg7Ij48dGhlYWQ+DQogICAgICAgICAgICAgICAgICAgIDx0cj48dGggc3R5bGU9IndpZHRoOjU4cHg7Ij5ObzwvdGg+PHRoPlRpdGxlPC90aD48dGggc3R5bGU9IndpZHRoOjMycHg7Ij4jPC90aD48L3RyPg0KICAgICAgICAgICAgICAgIDwvdGhlYWQ+PHRib2R5PjwvdGJvZHk+PC90YWJsZT4NCiAgICAgICAgICAgIDwvZGl2Pg0KICAgICAgICA8L2Rpdj4=" />
                </a>
            </div>
            <div class="list-group-item">
                <a>
                    <i class="iconfont ri-table-line"></i>
                    <span>表格</span>
                    <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxheXVpLWZvcm0tbGFiZWwiIGZvcj0iW0F0dHJpYnV0ZV0iPltOYW1lXTwvbGFiZWw+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImhpZGRlbiIgY2xhc3M9IlR5cGVJRCIgdmFsdWU9Ijk5IiAvPg0KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPiAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgPHRhYmxlIGNsYXNzPSJsYXl1aS10YWJsZSBbQXR0cmlidXRlSURdIiBzdHlsZT0ibWF4LXdpZHRoOjgwMHB4OyI+PHRoZWFkPg0KICAgICAgICAgICAgICAgICAgICA8dHI+PHRoIHN0eWxlPSJ3aWR0aDo1OHB4OyI+QTwvdGg+PHRoPkI8L3RoPjx0aCBzdHlsZT0id2lkdGg6MzJweDsiPiM8L3RoPjwvdHI+DQogICAgICAgICAgICAgICAgPC90aGVhZD48dGJvZHk+PHRyPjx0ZD48L3RkPjx0ZD48L3RkPjx0ZD48L3RkPjwvdHI+PC90Ym9keT48L3RhYmxlPg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgIDwvZGl2Pg==" />
                </a>
            </div>

        </div><div id="Property" style="border: 1px solid #ddd; float: right; width: 250px; padding:10px; background-color: #fff; ">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend style="font-size:13px;">控件属性</legend>
    </fieldset>
    <div>
        <div class="title" title="一般为中文，如：姓名">字段名称</div>
        <input type="text" name="Name" id="Name" value="" class="layui-input" autocomplete="off" />
        <input type="hidden" value="" name="Attribute" id="Attribute" class="layui-input" autocomplete="off" />
    </div>
    <div style="display:none" id="tableinfoDiv">
        <div class="title" title="绑定表格">绑定表格</div>
        <select id="tableinfo" lay-filter="tableinfo">
            @foreach (var item in tableInfos)
            {
                <option value="@item.Value">@item.Text</option>
            }
        </select>
    </div>
    <div style="display:none" id="referenceDiv">
        <div class="title" title="引用类型">引用类型</div>
        <select id="reference" lay-filter="reference">
            @foreach (var item in customForms)
            {
                <option value="@item.Value">@item.Text</option>
            }
        </select>
    </div>
    <div>
        <div class="title" title="新建单据时是否显示">起草项</div>
        <input type="checkbox" name="IsDraftShow" id="IsDraftShow" lay-skin="switch" lay-text="是|否">
    </div>
    <div class="min">
        <div class="title">最小值</div>
        <input type="number" name="Min" id="Min" class="layui-input" autocomplete="off" />
    </div>
    <div class="max">
        <div class="title" title="0为不限制">最大值</div>
        <input type="number" name="Max" id="Max" class="layui-input" autocomplete="off" />
    </div>
    <div>
        <div class="title" title="提示语">提示语</div>
        <input type="text" name="Tips" id="Tips" autocomplete="off" value="" class="layui-input" />
    </div>
    <div class="Verify">
        <div class="title" title="必填">必填</div>
        <input type="checkbox" name="IsRequired" id="IsRequired" lay-skin="switch" lay-text="是|否">
    </div>
    <div>
        <div class="title" title="默认值">默认值</div>
        <input type="text" name="DefaultValue" id="DefaultValue" autocomplete="off" value="" class="layui-input" />
    </div>
    <div>
        <div class="title" title="数据源">数据源</div>
        <input type="text" name="Values" id="Values" value="" autocomplete="off" class="layui-input" />
    </div>
    <div style="display:none" id="relevancyDiv">
        <div class="title" title="关联往来单位控件">关联往来单位控件</div>
        <select id="relevancy" lay-filter="relevancy">
        </select>
    </div>




</div>

        <div id="Content" style=" border: 1px solid #ddd; min-height:707px;padding:20px;margin-left:310px;margin-right:280px;background-color:#fff; ">

        </div>
        <div style="width:100%">
            <div class="layui-form-item" style="margin-top: 20px; padding-right: 280px; text-align: right ">
                <div class="layui-input-block">
                    <input type="submit" value="提 交" lay-submit="" lay-filter="OAForm" class="layui-btn mySubmit" />
                </div>
            </div>
        </div>



    }
</div>
<script type="text/javascript">
    var itemInfo = {
        "IsDraftShow": true,//是否是起草项
        "IsSummarizing": false,//汇总列
        "ParentName": "",//上级名称，表格
        "Name": "文本",//名称
        "Attribute": "_Text",//属性名称 对应表单中的Name
        "Type": 1,//类型
        "Min": 0,
        "Max": 0,
        "Tips": "请输入文本",
        "IsRequired": true,
        "DefaultValue": "",
        "Values": "",
        "Status": 1,
        "Sort": 0,
        "Value": "",
        "Text": "",
        "DbScore": null,//数据源
        "ThirdPartyDataSource": null,//第三方数据源
        "AttributeName": null,
        "AttributeID": null
    };
    var attrInfo = {
        "Name": "字段名称",//名称
        "Attribute": "字段Key",//属性名称 对应表单中的Name
        "IsDraftShow": "起草项",
        "IsSummarizing": "汇总列",//
        "ParentName": "上级名称",//""
        "Min": ["最小长度", "最小值"],
        "Max": ["最大长度", "最大值"],
        "Tips": "提示语",//提示语
        "Verify": "验证规则",//验证规则
        "DefaultValue": "默认值",//默认值
        "Values": "下拉数据源"
    }
    function setName() {
        var value = $(this).val();

    }

    $("#Property #Name").on('input', function (e) {
        var value = e.delegateTarget.value;
        var attribute = $(this).parent().parent().find("#Attribute").val();
        var obj = $("#Content " + "#dicExtend" + attribute);
        var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
        var jsonInfo = $.parseJSON(jsonStr);
        jsonInfo.Name = value
        obj.parent().parent().find(".layui-form-label").html(value);
        obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
    });

    $("#Property #Min").on('input', function (e) {
        var value = e.delegateTarget.value;
        var attribute = $(this).parent().parent().find("#Attribute").val();
        var obj = $("#Content " + "#dicExtend" + attribute);
        var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
        var jsonInfo = $.parseJSON(jsonStr);
        jsonInfo.Min = value
        obj.prop("min", value)
        obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
    });

    $("#Property #Max").on('input', function (e) {
        var value = e.delegateTarget.value;
        var attribute = $(this).parent().parent().find("#Attribute").val();
        var obj = $("#Content " + "#dicExtend" + attribute);
        var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
        var jsonInfo = $.parseJSON(jsonStr);
        jsonInfo.Max = value
        obj.prop("max", value)
        obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
    });

    $("#Property #Tips").on('input', function (e) {
        var value = e.delegateTarget.value;
        var attribute = $(this).parent().parent().find("#Attribute").val();
        var obj = $("#Content " + "#dicExtend" + attribute);
        var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
        var jsonInfo = $.parseJSON(jsonStr);
        jsonInfo.Tips = value
        obj.prop("placeholder", value)
        obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
    });

    $("#Property #DefaultValue").on('input', function (e) {
        var value = e.delegateTarget.value;
        var attribute = $(this).parent().parent().find("#Attribute").val();
        var obj = $("#Content " + "#dicExtend" + attribute);
        var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
        var jsonInfo = $.parseJSON(jsonStr);
        jsonInfo.DefaultValue = value
        if (obj.val() == "") { obj.val(value); }
        obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
    });

    $("#Property #Values").on('input', function (e) {
        var value = e.delegateTarget.value;
        var attribute = $(this).parent().parent().find("#Attribute").val();
        var obj = $("#Content " + "#dicExtend" + attribute);
        var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
        var jsonInfo = $.parseJSON(jsonStr);
        jsonInfo.Values = value
        obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
        if (jsonInfo.Type == 3) {
            var items = value.split(/[, ，]/);
            var html = "";
            for (var i = 0; i < items.length; i++) {
                html += "<option value='" + items[i] + "'>" + items[i] + "</option>";
            }
            obj.html(html);
            form.render();
        }
        else if (jsonInfo.Type == 4) {
            var items = value.split(/[, ，]/);
            var html = "";
            for (var i = 0; i < items.length; i++) {
                html += "<input type='radio' name='dicExtend" + attribute + "' value='" + items[i] + "' title='" + items[i] + "' />";
            }
            obj.find(".mycontent").html(html);
            form.render();
        }
        else if (jsonInfo.Type == 5) {
            var items = value.split(/[, ，]/);
            var html = "";
            for (var i = 0; i < items.length; i++) {
                html += "<input type='checkbox' name='dicExtend" + attribute + "' value='" + items[i] + "' title='" + items[i] + "' lay-skin='primary' />";
            }
            obj.find(".mycontent").html(html);
            form.render();
        }
    });


    $("#Content").on('click', '.layui-form-label', function () {
        var jsonStr = $(this).parent().find(".ConfigInfo").val();
        var jsonInfo = $.parseJSON(jsonStr);
        console.log(jsonInfo.Type);
        $("#Property #Name").val(jsonInfo.Name);
        $("#Property #Attribute").val(jsonInfo.Attribute);

        $("#Property #Tips").val(jsonInfo.Tips);
        $("#Property #DefaultValue").val(jsonInfo.DefaultValue);
        $("#Property #Values").val(jsonInfo.Values);
        if (jsonInfo.IsRequired) {
            $("#Property #IsRequired").prop("checked", true);
        }
        if (jsonInfo.Type == 2 || jsonInfo.Type == 21) {
            $("#Property .min .title").html("最小值");
            $("#Property .max .title").html("最大值");

        }
        else if (jsonInfo.Type == 17) {
            $("#Property .min .title").html("最少上传图片数");
            $("#Property .max .title").html("最多上传图片数");

        }
        else if (jsonInfo.Type == 18) {
            $("#Property .min .title").html("最少上传文件数");
            $("#Property .max .title").html("最多上传文件数");

        }
        else {
            $("#Property .min .title").html("最小长度");
            $("#Property .max .title").html("最大长度");
        }
        $("#Property #Min").val(jsonInfo.Min);
        $("#Property #Max").val(jsonInfo.Max);
        if (jsonInfo.Type == 44) {
            $("#relevancyDiv").css("display", "block");
            var html = "<option>请选择</option>";
            $("#Content .ConfigInfo").each(function (index, item) {

                var jsonInfo2 = $.parseJSON($(item).val());
                if (jsonInfo2.Type == 41 || jsonInfo2.Type == 42 || jsonInfo2.Type == 43) {
                    if (jsonInfo2.Attribute == jsonInfo.DefaultValue) {
                        html += "<option value='" + jsonInfo2.Attribute + "'selected >" + jsonInfo2.Name + "</option>";
                    }
                    else {
                        html += "<option value='" + jsonInfo2.Attribute + "'>" + jsonInfo2.Name + "</option>";
                    }
                }
            });
            $("#relevancy").html(html);


            form.on('select(relevancy)', function (data) {
                var value = data.value;
                var attribute = $(data.elem).parent().parent().find("#Attribute").val();
                var obj = $("#Content " + "#dicExtend" + attribute);
                var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
                var jsonInfo = $.parseJSON(jsonStr);
                if (jsonInfo.Type == 44) {
                    jsonInfo.DefaultValue = value
                    obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
                    $(data.elem).parent().parent().find("#DefaultValue").val(value);
                }
            });
        }
        else {
            $("#relevancyDiv").css("display", "none");
        }

        if (jsonInfo.Type == 30 || jsonInfo.Type == 31) {
            $("#referenceDiv").css("display", "block");
            $("#reference").val(jsonInfo.Values);
            form.on('select(reference)', function (data) {
                var value = data.value;
                var attribute = $(data.elem).parent().parent().find("#Attribute").val();
                var obj = $("#Content " + "#dicExtend" + attribute);
                var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
                var jsonInfo = $.parseJSON(jsonStr);
                if (jsonInfo.Type == 30 || jsonInfo.Type == 31) {
                    jsonInfo.Values = value
                    obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
                    $(data.elem).parent().parent().find("#Values").val(value);
                }
            });
        }
        else {
            $("#referenceDiv").css("display", "none");
        }

        if (jsonInfo.Type == 99) {
            $("#tableinfoDiv").css("display", "block");
            $("#tableinfo").val(jsonInfo.Values);
            form.on('select(tableinfo)', function (data) {
                var value = data.value;
                var attribute = $(data.elem).parent().parent().find("#Attribute").val();
                var obj = $("#Content " + "#dicExtend" + attribute);
                var jsonStr = obj.parent().parent().find(".ConfigInfo").val();
                var jsonInfo = $.parseJSON(jsonStr);
                if (jsonInfo.Type == 99) {
                    jsonInfo.Values = value
                    obj.parent().parent().find(".ConfigInfo").val(JSON.stringify(jsonInfo));
                    $(data.elem).parent().parent().find("#Values").val(value);
                }
            });
        }
        else {
            $("#tableinfoDiv").css("display", "none");
        }
        form.render();

    });
</script>
<script type="text/javascript" src="~/js/base64.min.js"></script>
<script type="text/javascript" src="~/js/Sortable.js"></script>
<script type="text/javascript">
    var keys = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
    var index = 0;
    new Sortable(Controls, {
        group: {
            name: 'shared',
            pull: 'clone',
            put: false,
        },
        animation: 150,
        sort: false,

        onEnd: function (evt) {
            if ($(evt.to).prop("id") == "Content" && $(evt.from).prop("id") == "Controls") {
                var origEl = evt.item;
                var cloneEl = evt.clone;
                var base64Info = $(cloneEl).find(".data").val();
                var contolInfo = Base64.decode(base64Info);
                var myJson = itemInfo;
                myJson.Tips = "";
                myJson.Values = "";
                var dataType = $(contolInfo).find(".TypeID").val();
                myJson.Type = dataType;
                if (index <= 25) {
                    myJson.Attribute = "_" + keys[index];
                    myJson.AttributeName = "dicExtend." + keys[index];
                    myJson.AttributeID = "dicExtend_" + keys[index];
                }
                else {
                    var i = index % 26;
                    var j = parseInt(index / 26);
                    myJson.Attribute = "_" + keys[j] + keys[i];
                    myJson.AttributeName = "dicExtend." + keys[j] + keys[i];
                    myJson.AttributeID = "dicExtend_" + keys[j] + keys[i];
                }
                if (dataType == 1) {
                    myJson.Name = "文本框";
                }
                else if (dataType == 2) {
                    myJson.Name = "数字框";
                }
                else if (dataType == 3) {
                    myJson.Name = "文字下拉框";
                    myJson.Values = "星期一,星期二,星期三,星期四,星期五,星期六,星期日";
                }
                else if (dataType == 4) {
                    myJson.Name = "单选框";
                    myJson.Values = "星期一,星期二";
                }
                else if (dataType == 5) {
                    myJson.Name = "复选框";
                    myJson.Values = "星期一,星期二";
                }
                else if (dataType == 6) {
                    myJson.Name = "Email";
                    myJson.Tips = "请输入Email";
                }
                else if (dataType == 7) {
                    myJson.Name = "开关";
                }
                else if (dataType == 8) {
                    myJson.Name = "年份选择器";
                }
                else if (dataType == 9) {
                    myJson.Name = "月份选择器";
                }
                else if (dataType == 10) {
                    myJson.Name = "日期选择器";
                }
                else if (dataType == 11) {
                    myJson.Name = "时间选择器";
                }
                else if (dataType == 12) {
                    myJson.Name = "日期时间";
                }
                else if (dataType == 13) {
                    myJson.Name = "文本域";
                    myJson.Verify = "";
                }
                else if (dataType == 15) {
                    myJson.Name = "单图片上传";
                    myJson.Verify = "";
                }
                else if (dataType == 16) {
                    myJson.Name = "单文件上传";
                    myJson.Verify = "";
                }
                else if (dataType == 17) {
                    myJson.Name = "多图片上传";
                    myJson.Verify = "";
                }
                else if (dataType == 18) {
                    myJson.Name = "多文件上传";
                    myJson.Verify = "";
                }
                else if (dataType == 19) {
                    myJson.Name = "密码框";
                }
                else if (dataType == 21) {
                    myJson.Name = "金额";
                }
                else if (dataType == 22) {
                    myJson.Name = "职员";
                }
                else if (dataType == 23) {
                    myJson.Name = "部门";
                }
                else if (dataType == 24) {
                    myJson.Name = "岗位";
                }
                else if (dataType == 30) {
                    myJson.Name = "单据引用";
                }
                else if (dataType == 31) {
                    myJson.Name = "多单据引用";
                }
                else if (dataType == 40) {
                    myJson.Name = "产品选择";
                }
                else if (dataType == 41) {
                    myJson.Name = "往来单位";
                }
                else if (dataType == 42) {
                    myJson.Name = "供应商";
                }
                else if (dataType == 43) {
                    myJson.Name = "客户";
                }
                else if (dataType == 44) {
                    myJson.Name = "联系人";
                }
                else if (dataType == 81) {
                    myJson.Name = "手机号码";
                }
                else if (dataType == 82) {
                    myJson.Name = "身份证";
                }
                else if (dataType == 83) {
                    myJson.Name = "网络地址";
                }
                else if (dataType == 99) {
                    myJson.Name = "表格详情";
                }

                for (var key in myJson) {
                    contolInfo = contolInfo.replaceAll("[" + key + "]", myJson[key]);
                }
                contolInfo = contolInfo.replaceAll("[ConfigInfo]", JSON.stringify(myJson));
                origEl.innerHTML = contolInfo;
                index++;

                if (dataType == 8 || dataType == 9 || dataType == 10 || dataType == 11 || dataType == 12) {
                    var format = 'yyyy';
                    var type = 'year';
                    var showBottom = false;
                    if (dataType == 9) {
                        format = 'yyyyMM';
                        type = 'month'
                    }
                    else if (dataType == 10) {
                        format = 'yyyy-MM-dd';
                        type = 'date'
                    }
                    else if (dataType == 11) {
                        format = 'HH:mm';
                        type = 'time';
                        showBottom = true;
                    }
                    else if (dataType == 12) {
                        format = 'yyyy-MM-dd HH:mm:ss';
                        type = 'datetime';
                        showBottom = true;
                    }
                    laydate.render({
                        elem: '#' + myJson.AttributeID,
                        type: type,
                        showBottom: true,//没有下方的取消和确定按钮
                        format: format,

                    });
                }
                else if (dataType == 15) {
                    UpLoadImageObj("btn_" + myJson.AttributeID, false);
                }
                else if (dataType == 16) {
                    UpLoadFlieObj(myJson.AttributeID, "btn_" + myJson.AttributeID, false);
                }
                else if (dataType == 17) {
                    UpLoadImageObj("btn_" + myJson.AttributeID, true);
                }
                else if (dataType == 18) {
                    UpLoadFlieObj(myJson.AttributeID, "btn_" + myJson.AttributeID, true);
                }
                else if (dataType == 23 || dataType == 24 || dataType == 22) {
                    form.on('select(Department)', function (data) {
                        var name = $(data.elem).prop("name");
                        var currentDepartmentID = data.value;
                        if (currentDepartmentID == 0 && $(data.elem).parent().prev().find("select").length == 1) {
                            currentDepartmentID = $(data.elem).parent().prev().find("select").val();
                        }
                        var employeeObj = $(data.elem).parent().parent().parent().find(".myEmployee2 select");

                        if (employeeObj.length > 0) {
                            $(employeeObj[0]).html("<option value=''>请选择<option>");
                            InitEmployee($(employeeObj[0]), currentDepartmentID, "");
                        }

                        var positionObj = $(data.elem).parent().parent().parent().find(".myPosition2 select");
                        if (positionObj.length > 0) {
                            InitPosition($(positionObj[0]), currentDepartmentID, 0);
                        }
                        InitDepartment($(data.elem).parent().parent(), data.value, name);
                        form.render('select');
                    });
                    if (dataType == 23) {
                        InitDepartment($("#Department_" + myJson.AttributeID), '', myJson.AttributeName);
                    }
                    else if (dataType == 24) {
                        InitPositionAndDepartment('Department_' + myJson.AttributeID, myJson.AttributeID, myJson.AttributeName, '');
                    }
                    else if (dataType == 22) {
                        InitEmployeeAndDepartment('Department_' + myJson.AttributeID, myJson.AttributeID, '0', '');
                    }

                }
                form.render();
            }
        },

    });

    new Sortable(Content, {
        group: 'shared',
        animation: 150
    });

</script>
